<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@charset "utf-8";

/* --- å…¬ç”¨æ&nbsp;·å¼ --- */
span{display:block;}
a:hover{color:#c60000;}
.clear{clear:both;}
em,i,p,span{line-height:100%;}
input{-webkit-user-select:text !important;}

.shop em img{
	opacity: .5;
}
.shop em:hover img{
	opacity:1;
}
.pop-video video{
	padding: 20px;
}
.buy-hides{
	display: none;
	background: #fff;
	position: absolute;
	top: 90px;
	    left:0;
    width: 100%;
	    padding: 10px 15px;z-index:99999
}
.buy-hides a{
 
	font-size: 14px; text-align:center; display:block;
	color: #333!important;
	height: 40px;
	line-height: 40px!important;
    border-bottom: 1px solid #eee;
}
.mall{
	position: relative;
}
.mall:hover .buy-hides{
	display: block;
}
.buy-hides a:hover{
		color: #c60000!important;
	}
.home-banner .vehicle .text .urlan{
	height: 42px;
    line-height: 42px;
    position: relative;
    color: #fff;
    background: #c60000;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    width: 125px;
    text-align: center;
}
.home-banner .vehicle .text .urlan:before {
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    position: absolute;
    left: -156%;
    top: 0;
    z-index: 1;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
}
.home-banner .vehicle .text .urlan:hover:before {
    left: -21%;
}
.home-banner .vehicle .text .urlan .load-s0 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
    transition: .3s ease-in-out;
}
.home-banner .vehicle .text .urlan:hover .load-s0{
	color: #c60000;
}
/*1024*/
@media screen and (min-width:1024px){
	
/* --- å…¬ç”¨æ&nbsp;·å¼ --- */
.pc{display:block;}
.wap{display:none;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.wrap{max-width:1400px; margin:0 auto;}




/* --- æ&nbsp;ç›® --- */
.page-column{text-align:center; margin-top:90px; margin-bottom:50px;}
.page-column h2{text-align:center; margin-bottom:16px; font-size:28px; font-weight:normal;}
.page-column h2 b{color:#c60000;}
.page-column p{font-size:16px; color:#888;}




/* --- åˆ†é¡µ --- */
.page-showpage{margin-top:50px; margin-bottom:50px; text-align:center;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px;}
.page-showpage a.now{ background:#0D3180; color:#fff; border:1px solid #0D3180; }






/* --- å¤´éƒ¨ - æ˜¾ç¤º --- */
.page-header{position:fixed; left:0; top:0; width:100%; height:90px; z-index:600; transition:all .3s;}
.page-header .wrap{ display:flex; align-items:center; height:100%; transition:all .3s; position:relative; z-index:100;}

/* logo */
.page-header .logo{ margin-right:auto;}
.page-header .logo a.show{display:block;}
.page-header .logo a.hide{display:none;}

/* åœ¨çº¿å•†åŸŽ */
.page-header .mall{background:url(../images/shopping.png) no-repeat 0 center; padding:0 30px; height:90px;}
.page-header .mall a{color:#333; line-height:90px;}


/* è¯­è¨€ */
.page-header .language { margin-left:3rem;  line-height:90px;}
.page-header .language a{color:#fff;}
.page-header .language:hover a{
		color: #c60000!important;
	}

/* æœç´¢ */
.page-header .search{margin-left:3rem;}
.page-header .search .icon{/*background:url(../images/search.png) no-repeat center center #272727;*/ width:36px; color:#fff; background:#272727;padding:9px 0 0 10px; height:36px; border-radius:100px; cursor:pointer;}
.page-header .top_tel{margin-left:1rem;font-size:20px; color:#c60000; font-family:"impact"; letter-spacing:1px;}
.page-header .top_tel i{font-size:18px;padding:0 8px}



/* --- å¤´éƒ¨ - é¼&nbsp;æ&nbsp;‡ç»è¿‡ --- */
.page-header:hover{background:#fff; border-bottom:1px solid #e5e5e5;}

/* --- å¤´éƒ¨ - æ»‘åŠ¨ --- */
.page-header.slide{background:#fff; border-bottom:1px solid #e5e5e5;}

/* logo */
.page-header.slide .logo a.hide{ display:block;}
.page-header.slide .logo a.show{display:none;}

/* å¯¼èˆª */
.page-header.slide .page-nav li .link{color: #000;} 
.page-header.slide .page-nav li .link.now{ color:#c60000;}
.page-header.slide .page-nav li .link:hover{ color:#c60000;}

/* åœ¨çº¿å•†åŸŽ */
.page-header.slide .mall a{color:#000;}

/* è¯­è¨€ */
.page-header.slide .language a{color:#000;}





/* --- å¤´éƒ¨ - é¼&nbsp;æ&nbsp;‡ç»è¿‡ --- */
.page-header:hover{background:#fff; border-bottom:1px solid #e5e5e5;}

/* logo */
.page-header:hover .logo a.hide{ display:block;}
.page-header:hover .logo a.show{display:none;}

/* å¯¼èˆª */
.page-header:hover .page-nav li .link{color: #000;} 
.page-header:hover .page-nav li .link.now{ color:#c60000;}
.page-header:hover .page-nav li .link:hover{ color:#c60000;}

/* åœ¨çº¿å•†åŸŽ */
.page-header:hover .mall a{color:#000;}

/* è¯­è¨€ */
.page-header:hover .language a{color:#000;}





/* --- å¤´éƒ¨ - æœç´¢ --- */
.page-header .pop-search{display:flex; align-items:center; justify-content:center; opacity:0; height:0; overflow:hidden; transition:all .3s; position:absolute; left:0; top:0; width:100%; z-index:101;}
.page-header .pop-search .form{width:0; border:1px solid #ccc; height:40px; line-height:38px; background:#fff; display:flex; align-items:center; transition:all .3s;}
	.page-header .pop-search .form form{
		width: 100%;height: 40px;
	}
.page-header .pop-search .form .input{width:89%; height:40px; border:none; background:none; padding-left:15px; font-size:14px;float: left;}
.page-header .pop-search .form .btn{background:url(../images/search-icon.png) no-repeat center center; width:10%; height:40px; border:none; cursor:pointer;}
.page-header .pop-search .close{margin-left:20px; background:url(../images/close.png) no-repeat; width:32px; height:32px; cursor:pointer; transition:all .3s;}
.page-header .pop-search .close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);-o-transform: rotate(180deg)}





/* --- å¤´éƒ¨ - äº§å“å¼¹å‡º --- */
.pop-product{ background:#fff; border-bottom:1px solid #e5e5e5; opacity:0; height:0; overflow:hidden; position:fixed; left:0; width:100%; top:80px; transition:all .3s; overflow:hidden;}

/* æœç´¢ */
.pop-product .search{height:64px; border-bottom:1px solid #e5e5e5; margin-bottom:40px;}
.pop-product .search .box{display:flex; align-items:center; height:100%; width:992px; margin:0 auto; position:relative;}
	.pop-product .search .box form{
		width: 100%;display: block;
	}
.pop-product .search .box:before{content:""; background:url(../images/search-icon.png) no-repeat 0 center; height:64px; width:19px; position:absolute; left:0; top:0;}
.pop-product .search .box input{height:40px; line-height:40px; width:90%; border:none; padding-left:35px; font-size:14px;}
.pop-product .search .box input::-webkit-input-placeholder {color:#b9b9b9;}
.pop-product .search .box button{ background:#272727; color:#fff; width:80px; height:40px; border:none; border-radius:5px; margin-left:auto; font-size:16px; cursor:pointer;}
.pop-product .search .box button:active{opacity:.8;}

/* äº§å“åˆ†ç±» */
.pop-product .type{}
.pop-product .type .swiper-container{padding-bottom:80px;}
.pop-product .type .swiper-container{max-width:1022px; margin:0 auto; position:relative;}
.pop-product .type .swiper-container a{padding:0 15px; display:block; text-align:center; }
.pop-product .type .swiper-container a .pic{margin-bottom:15px; overflow:hidden; transition:all .3s; }
.pop-product .type .swiper-container a .text{font-size:14px;}
.pop-product .type .swiper-container .swiper-pagination-bullet{background:#ccc;}
.pop-product .type .swiper-container .swiper-pagination-bullet-active{background:#c60000;}


/* 
.pop-product .type .swiper-container .swiper-button-prev{left:15px; top:30%; background:url(../images/arrow-left.svg) no-repeat #c60000 center center; width:30px; height:60px; background-size:30px 30px;}
.pop-product .type .swiper-container .swiper-button-next{right:15px; top:30%; background:url(../images/arrow-right.svg) no-repeat #c60000 center center; width:30px; height:60px; background-size:30px 30px;} */





/* --- å¤´éƒ¨ - å­ç±»ç›®å¼¹å‡º --- */
.pop-subcategory{ background:#fff; border-bottom:none; opacity:0; height:0; overflow:hidden; position:fixed; left:0; width:100%; top:80px; transition:all .3s; overflow:hidden; z-index:-1;box-shadow: 0 3px 8px rgba(0,0,0,.1);}
.pop-subcategory .wrap{display:flex; align-items:center; justify-content:center; padding:50px;}
.pop-subcategory .wrap .list{width:40%;}
.pop-subcategory .wrap .list dt{font-size:24px; font-weight:bold; margin-bottom:20px;}
	.pop-subcategory .wrap .list dd{
		display: block;
		overflow: hidden;
	}
	.pop-subcategory .wrap .list dd em a{
		display: block;
		position: relative;
		z-index: 9999;}
.pop-subcategory .wrap .list dd em{width:50%; float:left; line-height:250%;}

.pop-subcategory .wrap .pic{width:60%; text-align:right;}





/* --- å¯¼èˆª --- */
.page-nav li{float:left; height:90px; padding:0 30px;} 

/* æ˜¾ç¤º */
.page-nav li .link{color: #000; transition:all .3s; line-height:90px; height:90px;}
.page-nav li .link:hover{ color:#fff;}
.page-nav li .link.now{ color:#333;}
.page-nav li:first-child .link{ letter-spacing:3px;}

/* äº§å“å¼¹å‡º
.page-nav li:hover .pop-product{opacity:1 !important; height:auto !important; top:90px !important;}
.page-nav li:visited .pop-product{opacity:1 !important; height:auto !important; top:90px !important;}
*/
 
/* 
.page-nav li:hover .pop-subcategory{opacity:1 !important; height:auto !important;  top:90px !important; border-bottom:1px solid #efefef !important; z-index:9999 !important;}
.page-nav li:visited .pop-subcategory{opacity:1 !important; height:auto !important; top:90px !important; border-bottom:1px solid #efefef !important; z-index:9999 !important;}å­ç±»ç›®å¼¹å‡º */



/* --- banner --- */
.home-banner{
	height:100%;
	}

/* æ™ºèƒ½æŠ˜å&nbsp;ç”µåŠ¨è½¦ */
.home-banner .vehicle{ background-color:#f1f1f1;background-image: url("../images/bannerbj.jpg");background-size: cover;
height:100%;} 
.home-banner .vehicle .box{ display:flex; align-items:center; height:100%; position:relative;}

/* æ–‡æ¡ˆ */
.home-banner .vehicle .text{width:60%; position:relative;}
.home-banner .vehicle .text h3{font-size:48px; color:#333; margin-bottom:38px;}
.home-banner .vehicle .text .dep{color:#666; font-size:20px; font-weight:100;  margin-bottom:38px; position:relative;}
.home-banner .vehicle .text .dep em{color:#c60000;}
.home-banner .vehicle .text .eng{color:#c60000; text-transform:uppercase; font-size:30px; font-family:Arial;margin-bottom: .3rem;}

.home-banner .vehicle .text .other{position:absolute; right:11px; top:62%; height:25px; width:300px; opacity:0;}
.home-banner .vehicle .text .other .line{height:1px; background:#2A2A2A;}
.home-banner .vehicle .text .other .dot{background:#c60000; background-color:rgba(255,0,0,0.2); width:25px; height:25px; border-radius:100px; position:absolute; top:-12px; right:-11px; animation:dot 2s ease infinite ;}
.home-banner .vehicle .text .other .dot em{background:#ed0200; width:9px; height:9px; border-radius:100px; display:block; margin:8px auto;}

/* å›¾ç‰‡ */
.home-banner .vehicle .pic{
	    height: 100%;
    text-align: center;
    float: right;
	} 
.home-banner .vehicle .pic img{
	height: 90%;
        margin-top: 90px;max-width: max-content;}





/* --- è§£å†³æ–¹æ¡ˆ --- */
.home-solution{background:#f5f5f5; overflow:hidden; padding-bottom:90px;}

/* åœºæ™¯ */
.home-solution .scene {background:#fff; overflow:hidden; height:129px; margin-bottom:50px; transition:all .3s;}
.home-solution .scene li{float:left; width:25%; text-align:center; display:flex; align-items:center; justify-content:center; height:129px; font-size:18px; position:relative;}
.home-solution .scene li:after{content:""; background:#e5e5e5; height:49px; width:1px; top:40px; right:0; position:absolute;}
.home-solution .scene li:last-child:after{background:none;}
.home-solution .scene:hover{box-shadow: 10px 10px 20px #ececec;}

/* å›¾ç‰‡ */
.home-solution .photo{ display:flex; align-items:center;} 
	.home-solution .photo .right{
		width: 39%;margin-left:auto;overflow:hidden;
	}
.home-solution .photo .left p{overflow:hidden; height: 360px;  transition:all .3s;}
.home-solution .photo p:hover{box-shadow: 10px 10px 20px #ececec;}
.home-solution .photo .left{    width: 56%;}
	.home-solution .photo .left p img{
		width: 100%;
	}
.home-solution .photo .left p:nth-child(1){margin-bottom:50px;}





/* --- ä¼˜ç‚¹ --- */
.home-merit{overflow:hidden; padding-bottom:90px; background:url(../images/home-merit.jpg) no-repeat; background-size:cover; background-attachment: fixed;}
.home-merit li{float:left; width:33.333%; border-bottom:1px solid #e9e9e9;  border-right:1px solid #e9e9e9; display:flex; align-items:center; padding:35px 50px;}
.home-merit li .pic{margin-right:20px;font-size:48px; color:#c60000;}
.home-merit li .text h3{font-size:20px; margin-bottom:10px;}
.home-merit li .text p{font-size:16px; color:#666; line-height:150%;}

.home-merit li:nth-child(3){border-right:none;}
.home-merit li:nth-child(4){border-bottom:none;}
.home-merit li:nth-child(5){border-bottom:none;}
.home-merit li:nth-child(6){border-bottom:none; border-right:none;} 





/* --- å±•ç¤º --- */
.home-exhibition{background:#f5f5f5; padding-top:50px; padding-bottom:90px;}

/* è§†é¢‘ */
.video-list{margin-bottom:90px;}
.video-list ul{display:flex; align-items:center;}
.video-list ul li{position:relative; cursor:pointer;overflow: hidden; width:681px; height:367px;}
.video-list ul li:last-child{margin-left:auto;}
	.video-list ul li .pic img{
		transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
	}
	.video-list ul li:hover .pic img{
		transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
	}
.video-list ul li .video-show{position:absolute; left:0; top:0; width:100%; height:100%; z-index:300;}
.video-list ul li .video-show .text{position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
.video-list ul li .video-show .text i{background:url(../images/play.png) no-repeat; width:57px; height:57px; display:block; margin:0 auto; margin-bottom:20px;}
.video-list ul li .video-show .text em{color:#fff;}

/* æœåŠ¡ */
.service-list ul{display:flex; align-items:center;}
.service-list ul li{width:33.333%; border-right:1px solid #e9e9e9;}
.service-list ul li a{
		transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
	}
	.service-list ul li:hover a{
		padding-left: 18px;
	}
.service-list ul li a{ display:flex; align-items:center; justify-content:center;}
.service-list ul li a .icon{margin-right:15px;font-size:48px; color:#bbb;}
.service-list ul li a .text h3{ font-size:20px; margin-bottom:10px;}
.service-list ul li a .text p{font-size:14px; color:#888;}

	.service-list ul li:last-child{
		border: none;
	}



/* --- æ–°é—»ä¸­å¿ƒ --- */
.home-news{ padding-top:90px; padding-bottom:90px; overflow:hidden;}

/* åˆ‡æ¢ */
.home-news .hd{display:flex; align-items:center; border-bottom:1px solid #eee; padding-bottom:35px; margin-bottom:45px; background:url(../images/arrow.png) no-repeat right 18px; padding-right:40px; }
.home-news .hd ul{margin-left:auto;}
.home-news .hd ul li{float:left; margin-left:30px; font-size:16px; color:#666; cursor:pointer;}
.home-news .hd  li.on{color:#000;}

/* å†…å®¹ */
.home-news .bd{}
.home-news .bd li{float:left; width:33.333%;}
.home-news .bd li .date{ color:#e1e1e1; font-size:28px; font-weight:bolder; margin-bottom:20px;}
.home-news .bd li .text h3{font-size:16px; margin-bottom:30px;display: block;white-space:nowrap; width: 85%;
overflow:hidden; 
text-overflow:ellipsis;
}
.home-news .bd li .text p{color:#888; font-size:14px; line-height:150%; width:90%; margin-bottom:35px;}
.home-news .bd li .more{font-size:16px;} 
.home-news .bd li .more a{border-bottom:1px solid #e60012; padding-bottom:5px; color:#888;}
.home-news .bd li .more a:hover{color:#000;}





/* --- å¼¹å‡º --- */
.pop-back{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:400; display:none;}
.pop-video{ width:50%; left:0; right:0; bottom:0; top:-500%; position:fixed; margin:auto; z-index:500; height:50%;}





/* --- åº•éƒ¨ --- */
.page-footer{background:#000; padding-top:95px; padding-bottom:45px;}
.page-footer .wrap{ display:flex;}

/* logo */
.page-footer .logo{width:180px;     margin-right: 50px;}
.page-footer .logo .pic{margin-bottom:15px;}
.page-footer .logo .text{background:#fff; text-align:center; width:180px; height:34px; line-height:34px; font-weight:bold; border-radius:5px;}

/* åœ°å›¾ */
.page-footer .map{margin-left:80px; display:flex;}
.page-footer .map dl{ margin-right: 45px;
    width: 100%;}
.page-footer .map dl dt{color:#fff; margin-bottom:28px;}
.page-footer .map dl dd{ width:180%;}
.page-footer .map dl dd em{display:block; font-size:14px; line-height:200%;}
.page-footer .map dl dd em a{color:#888;}
.page-footer .map dl dd em a:hover{color:#fff;}
.page-footer .map.wap{display:none;}

/* è”ç³» */
.page-footer .contact{margin-left:auto; text-align:right;}
.page-footer .contact .tel p{font-size:14px; color:#fff; margin-bottom:10px;}  
.page-footer .contact .tel p:last-child{ color:#c60000; font-size:18px;} 
	.page-footer .contact .shop img{
		 width:140px; display:block;
	}
		.page-footer .contact .shop{ color:#ccc; line-height:30px; text-align:center;font-size:14px;}
	.erweimaft{
		position: absolute;
		width: 120px;
		height: 0px;
		background: #fff;
		right: -80%;
		top: 40px;
		overflow: hidden;
		transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
	}
	.erweimaft img{
		width: 100%;
	}
	.page-footer .contact .shop em.ftpo:hover .erweimaft{
		height: 120px;
	}



/* --- ç‰ˆæƒ --- */
.page-copyright{background:#000;}
.page-copyright .box{border-top:1px solid #191919; height:68px; display:flex; align-items:center; color:#888; font-size:14px;}
.page-copyright .box .left em{margin-right:20px;}
.page-copyright .box .right{margin-left:auto;}
	.page-copyright .box .right a{
		color: #888;
	}





/* --- ä½ç½® --- */
/*.page-path{height:60px; line-height:60px; margin-top:90px; background:#eee; }
.page-path .wrap{display:flex; align-items:center;}*/

/* åˆ†ç±» */
/*.page-path .type {display:flex; align-items:center;}
.page-path .type a{font-size:14px; padding: 0 20px; text-align:center; display:block; position:relative;}
.page-path .type a:after{content:""; height:13px; background:#C4C4C4; position:absolute; right:0; top:24px; width:1px;}
	.page-path .type a.on{
		    color: #c60000;
	}*/
/* ä½ç½® */
.page-path .path{margin-left:auto; font-size:14px; background:url(../images/path.png) no-repeat 0 center; padding-left:20px; color:#666;}





/* --- äº§å“ç®€ä»‹ --- */
.product-brief{position:relative; 
/*	height:700px;*/
	}
.product-brief .wrap{ display:flex; align-items:center;}
.product-brief:before{content:""; width:50%; background:#fff; position:absolute; height:100%; left:0; top:0;}

/* å›¾ç‰‡ */
.product-brief .photo{ width:50%; overflow:hidden;  
/*	height:700px;*/
	overflow:hidden;}  
.product-brief .photo .content{position:relative; z-index:500;}

/* ä»‹ç» */
.product-brief .about{width:50%; display:flex; align-content:center; 
/*	height:700px; */
	padding:80px;}

/* ä»‹ç» - åç§°*/
.product-brief .about .name h1{font-size:32px; margin-bottom:30px;}

/* ä»‹ç» - å¸®åŠ©*/
.product-brief .about .help{border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; display:flex; align-items:center;  height:48px; margin-bottom:30px;}
.product-brief .about .help a{display:block; width:25%; position:relative; text-align:center;}
.product-brief .about .help a:after{content:""; height:16px; width:1px; background:#d1d1d1;  right:0; top:7px; position:absolute;}

/* ä»‹ç» - ç®€ä»‹*/
.product-brief .about .brief{color:#888; line-height:23px; margin-bottom:50px;}

/* ä»‹ç» -  å‚æ•°*/
.product-brief .about .parameter{margin-bottom:25px; overflow:hidden;}
.product-brief .about .parameter p{float:left; width:50%; height:56px; line-height:56px; border-bottom:1px solid #b9b9b9;}
.product-brief .about .parameter p em{color:#888;}

/* ä»‹ç» -  é¢œè‰²*/
.product-brief .about .color{display:flex; align-items:center; margin-bottom:60px;}
.product-brief .about .color .title{color:#888; margin-right:20px;}
.product-brief .about .color .list {display:flex; align-items:center;}
.product-brief .about .color .list em{display:block; width:40px; height:40px; margin-right:10px; border:2px solid #f5f5f5;}
.product-brief .about .color .list .choice .checkbox{appearance: none; -webkit-appearance: none; outline: none; display: none;}
.product-brief .about .color .list .choice .checkbox+em{}
.product-brief .about .color .list .choice .checkbox:checked+em{ border:2px solid #c60000; }

/* ä»‹ç» -  è´­ä¹° */
.product-brief .about .buy a{background:#000; width:250px; height:60px; text-align:center; line-height:60px; font-size:22px; color:#fff; display:block; transition:all .1s;}





/* --- äº§å“è¯¦ç»† --- */
.product-detailed{ margin-bottom:100px;}

/* åˆ‡æ¢ */
.product-detailed .hd{ border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; height:65px; margin-top:40px; margin-bottom:100px;}
.product-detailed .hd ul {display:flex;  height:65px; justify-content:center; align-items:center;}
.product-detailed .hd ul li{width:200px; position:relative; text-align:center; cursor:pointer; height:65px; line-height:65px;}
.product-detailed .hd ul li:after{content:""; width:1px; background:#d1d1d1; height:18px; position:absolute; right:0; top:20px;}
.product-detailed .hd ul li.on{color:#c60000;}


/* å†…å®¹ - äº§å“è¯´æ˜Ž */
.product-detailed .bd .box{text-align:center;}
.product-detailed .bd .explain{text-align:center;}





/* --- äº§å“ç›¸å…³ --- */

/* æ&nbsp;‡é¢˜ */
.product-relevant .title{border-bottom:1px solid #d1d1d1; padding-bottom:23px; display:flex; align-items:center; margin-bottom:40px;}
.product-relevant .title h2{line-height:38px; }
.product-relevant .title .back{margin-left:auto;}
.product-relevant .title .back a{background:#c60000; width:116px; height:38px; line-height:38px; border-radius:5px; color:#fff; display:block; text-align:center;}

/* å†…å®¹ */
.product-relevant .content{margin-bottom:100px;}
.product-relevant .content ul{display:flex; align-items:center;}
.product-relevant .content ul li{
	width: 48%;
    margin: 1%;
    padding: 2%;
    display: block;
    float: left;
    background: #fff;
    box-shadow: 0 3px 8px rgba(0,0,0,.1);
    transition: all .3s;
	}
.product-relevant .content ul li .pic a{    display: flex;
    align-items: center;
    padding: 3% 3% 60px 3%;
    justify-content: center;}
.product-relevant .content ul li .text{text-align:center;}
.product-relevant .content ul li .text h3{
	font-size: 22px;
    margin-bottom: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
	
	}
.product-relevant .content ul li .text p{
	    color: #888;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    padding: 0 15px;
	}
.product-relevant .content ul li:hover{box-shadow: 10px 10px 20px #ececec;}



}



/* --- åŠ¨ç”» --- */
@keyframes dot
{
    0% { opacity:0;}
    100%  {opacity:1;}
}

@-webkit-keyframes dot
{
    0% { opacity:0;}
    100%  {opacity:1;}
}



/*1440*/
@media screen and (min-width:1400px)  and  (max-width:1679px)  {

/* --- å…¬ç”¨æ&nbsp;·å¼ --- */
.wrap{max-width:90%; margin:0 auto;}


/* --- å¯¼èˆª --- */
.page-nav li{    padding: 0 20px;} 


/* --- è§£å†³æ–¹æ¡ˆ --- */



/* --- å±•ç¤º --- */

/* è§†é¢‘ */
.video-list ul li{position:relative; cursor:pointer; width:49%; height:367px;}


/* --- äº§å“ç›¸å…³ --- */

/* å†…å®¹ */
.product-relevant .content ul li{width:48%;}

}





/*1360*/
@media screen and (min-width:1360px)  and  (max-width:1399px)  {

/* --- å…¬ç”¨æ&nbsp;·å¼ --- */
.wrap{max-width:1250px; margin:0 auto;}


/* --- å¯¼èˆª --- */
.page-nav li{margin-right:0px;padding: 0 15px;} 


/* --- è§£å†³æ–¹æ¡ˆ --- */

/* å›¾ç‰‡ */
/*
.home-solution .photo .left{width:610px;}
.home-solution .photo .right{margin-left:auto; width:610px;}
.home-solution .photo .right p:nth-child(1){margin-bottom:30px;}
*/


/* --- å±•ç¤º --- */

/* è§†é¢‘ */
.video-list{margin-bottom:50px;}
.video-list ul li{position:relative; cursor:pointer; width:610px;}


/* --- äº§å“ç›¸å…³ --- */

/* å†…å®¹ */
.product-relevant .content ul li{width:48%;}


/* --- åº•éƒ¨ --- */

/* åœ°å›¾ */
.page-footer .map{margin-left:150px;}
.page-footer .map dl{ margin-right:85px;}

}





/*1280*/
@media screen and (min-width:1280px)  and  (max-width:1359px)  {

/* --- å…¬ç”¨æ&nbsp;·å¼ --- */
.wrap{max-width:90%; margin:0 auto;}


/* --- å¯¼èˆª --- */
.page-nav li{padding: 0 15px;} 


/* --- banner --- */
.home-banner .vehicle .text .other{right:150px; width:250px;}

/* å›¾ç‰‡ */
.home-banner .vehicle .pic{
/*	width:50%; */
	} 


/* --- è§£å†³æ–¹æ¡ˆ --- */

/* å›¾ç‰‡ */
/*
.home-solution .photo .left{width:575px;}
.home-solution .photo .right{width:575px;}
.home-solution .photo .right p:nth-child(1){margin-bottom:30px;}
*/


/* --- å±•ç¤º --- */

/* è§†é¢‘ */
.video-list{margin-bottom:20px;}
.video-list ul li{position:relative; cursor:pointer; width:575px;}


/* --- äº§å“ç›¸å…³ --- */

/* å†…å®¹ */
.product-relevant .content ul li{width:48%; }


/* --- åº•éƒ¨ --- */

/* åœ°å›¾ */
.page-footer .map{margin-left:100px;}
.page-footer .map dl{ margin-right:70px;}


	.page-header .mall {
    margin-left: 1rem;
}
	.page-header .language {
    margin-left: 2rem;
}
	.page-header .search {
    margin-left: 2rem;
}

}





/*1024*/
@media screen and (min-width:960px)  and  (max-width:1279px)  {

/* --- å…¬ç”¨æ&nbsp;·å¼ --- */
.wrap{max-width:90%; margin:0 auto;}


/* --- æ&nbsp;ç›® --- */
.page-column{text-align:center; margin-top:50px; margin-bottom:50px;}
.page-column h2{text-align:center; margin-bottom:16px; font-size:28px; font-weight:normal;}
.page-column h2 b{color:#c60000;}
.page-column p{font-size:16px; color:#888;}


/* --- å¤´éƒ¨ - æ˜¾ç¤º --- */

	.page-header .mall {
    margin-left: 1rem;
}
	.page-header .language {
    margin-left: 2rem;
}
	.page-header .search {
    margin-left: 2rem;
}

/* --- å¯¼èˆª --- */
.page-nav li{padding: 0 10px;} 


/* --- banner --- */
.home-banner .vehicle .text{width:650px;}
.home-banner .vehicle .text .other{right:125px; width:200px;}

/* å›¾ç‰‡ */
.home-banner .vehicle .pic{
/*	width:50%; margin-right:-50px;*/
	} 


/* --- è§£å†³æ–¹æ¡ˆ --- */
.home-solution{ padding-bottom:50px;}

/* å›¾ç‰‡ */
/*
.home-solution .photo .left{width:450px;}
.home-solution .photo .right{width:450px;}
.home-solution .photo .right p:nth-child(1){margin-bottom:20px;}
*/


/* --- ä¼˜ç‚¹ --- */
.home-merit{ padding-bottom:50px;}
.home-merit li{padding:35px 20px;}



/* --- å±•ç¤º --- */
.home-exhibition{background:#f5f5f5; padding-top:50px; padding-bottom:50px;}

/* è§†é¢‘ */
.video-list{margin-bottom:50px;}
.video-list ul li{position:relative; cursor:pointer; width:450px; height:240px;}


/* --- æ–°é—»ä¸­å¿ƒ --- */
.home-news{ padding-top:50px; padding-bottom:50px; overflow:hidden;}
.home-news .bd li{padding-right:30px;}
.home-news .bd li h3{line-height:150%;}


/* --- äº§å“ç›¸å…³ --- */

/* æ&nbsp;‡é¢˜ */
.product-relevant .title{margin-bottom:30px;}

/* å†…å®¹ */
.product-relevant .content ul li{width:48%; }
.product-relevant .content ul li .text{padding:0 30px;}
.product-relevant .content ul li .text p{line-height:150%;}



/* --- åº•éƒ¨ --- */
.page-footer{padding-top:50px; padding-bottom:50px;}

/* logo */
.page-footer .logo{width:160px;}

/* åœ°å›¾ */
.page-footer .map{margin-left:50px;}
.page-footer .map dl{ margin-right:30px;}
.page-footer .map dl dt{margin-bottom:15px;}



/* --- äº§å“ç®€ä»‹ --- */
.product-brief{position:relative; 
/*	height:650px;*/
	
	}

/* å›¾ç‰‡ */
.product-brief .photo{ width:50%; 
/*	height:650px; */
	overflow:hidden; display:flex; align-items:center;}  
.product-brief #main{height:650px;}


/* ä»‹ç» */
.product-brief .about{width:50%; 
/*	height:650px;*/
	padding:40px;}
#showcase{ margin-top:100px;}


/* --- äº§å“è¯¦ç»† --- */
.product-detailed{ margin-bottom:50px;}

/* åˆ‡æ¢ */
.product-detailed .hd{ margin-bottom:40px;}


}



.item3 {
  padding: 80px 0 74px 0;
  background-color: #f6f6f6;
}
.item3 .t_header {
  display: block;
  width: 50%;
  padding: 90px 0 90px 72px;
  background: url("../images/home_05.jpg") no-repeat center center / cover;
  color: #fefefe;
}
.item3 .t_header .title h2 {
  display: block;
  margin-top: 76px;
  margin-left: 0;
}
.item3 .t_header .title p {
  margin-top: 14px;
  display: block;
  font-size: 24px;
}
.item3 .t_header .mores {
  margin-top: 100px;
  font-size: 16px;
  color: #fefefe;
}
.item3 .t_header .mores:hover {
  color: #c60000;
}
.item3 .con {
  width: 50%;
}

.item3 .con .c_box {
  padding: 48px 80px 0;
  margin-left: 10px;
  height: 100%;
  background-color: #fff;
}
.item3 .con .c_box .top h3 {
  font-size: 24px;
  font-weight: 600;
}
.item3 .con .c_box .top em {
  margin-top: 12px;
  font-size: 24px; color:#c60000
}
.item3 .con .c_box .top p{
    font-size: 16px; color:#666;margin-top:10px;
    line-height: 30px;}
.item3 .con .c_box .top .text {
  margin-top: 4%;
  font-size: 16px;
  line-height: 30px;
}

@media screen and (max-width:1679px){
	/* å›¾ç‰‡ */
.home-solution .photo .left{width:55%;}
	.home-solution .photo .left img{
		width: auto;
		height: 100%;
	}
.home-solution .photo .right{margin-left:auto; width:41.6%;}
.home-solution .photo .right img{
		width: 100%;
	}
	.home-solution .photo .left p{
		height: 50%;
	}
	.home-solution .photo .left p:nth-child(1) {
    margin-bottom: 50px;
}
	.home-banner .vehicle .text .other {
    position: absolute;
    right: 0px;
    top: 62%;
    height: 25px;
    width: 300px;
    opacity: 0;
}
}
@media screen and (max-width:1560px){
	.page-footer .map {
    margin-left: 60px;
}
.item3 .con .c_box{padding: 38px 30px 0;}
.home-merit li .text p{font-size:14px;}
	.page-footer .map dl {
    margin-right: 40px;
}
}
@media screen and (max-width:1430px){
	.page-footer .map {
    margin-left: 40px;

}
	.page-footer .map dl {
    margin-right: 30px;
    width: 100%;
}
}
@media screen and (max-width:1400px){
	.home-solution .photo .right{
		    width: 41.5%;
	}
	.home-solution .photo .left p:nth-child(1) {
    margin-bottom: 30px;
}
	.home-banner .vehicle .text .other {
    position: absolute;
    right: 0px;
    top: 59%;
    height: 25px;
    width: 200px;
    opacity: 0;
}
	.home-banner .vehicle .text h3 {
    font-size: 50px;
    color: #333;
    margin-bottom: 38px;
}
.home-merit li .text p{font-size:14px;}
.item3 .con .c_box{padding: 48px 30px 0;}
.item3 .con .c_box .top p{font-size:14px; line-height:28px;}
}
@media screen and (max-width:1340px){
	.page-footer .contact{
		display: none;
	}
	.page-footer .map {
    margin-left: auto;
}
}
@media screen and (max-width:1320px){
	.home-banner .vehicle .text .other {
    position: absolute;
    right: 0px;
    top: 59%;
    height: 25px;
    width: 100px;
    opacity: 0;
}

}

@media screen and (max-width:1260px){
	.cndns-right{
		display: none;
	}
	.home-banner .vehicle .text h3 {
    font-size: 50px;
    color: #fff;
    margin-bottom: 38px;
}
	.home-banner .vehicle .text .dep {
    color: #fff;
    font-size: 26px;
    margin-bottom: 38px;
    position: relative;
}
	.home-banner .vehicle .pic{
		width:50%; position:absolute; right:0; top:0; height:100%;  display:flex; align-items:center;
	}
	.home-banner .vehicle .pic img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.home-banner .vehicle .text .other {
    position: absolute;
    right: 150px;
    top: 59%;
    height: 25px;
    width: 200px;
    opacity: 0;
}
}


@media screen and (max-width:1060px){
	.search{
		display:none;
	}
}
@media screen and (max-width:768px){
	.buy-hides{
	top: 40px;

}
}



@media (max-width: 1024px) {
  .item3 .t_header {
    padding: 60px 0 60px 34px; width:100%;padding-bottom:50%;
  }
  .item3 .con{ width:100%;}
  .item3 .t_header .title h2 {
    margin-top: 52px;
  }
  .item3 .t_header .title p {
    font-size: 18px;
  }
  .item3 .t_header .mores {
    margin-top: 90px;
  }
  .item3 .con .c_box{margin-left:0;}
}
@media (max-width: 767px) {
  .item3 .t_header {
    padding: 24px 0 29px 26px;
  }
  .item3 .t_header .title h2 {
    margin-top: 30px;
  }
  .item3 .t_header .mores {
    margin-top: 38px;
  }
}

@media (max-width: 991px) {
  .item3 .con .c_box .top .text {
    margin-top: 6%;
    font-size: 14px;
    line-height: 25px;
  }
}
.item3 .con .c_box .bottom {
  margin-top: 35px;margin-bottom:35px;
  justify-content: space-between;
}
.item3 .con .c_box .bottom li .p_1 {
  font-weight: 600;
  text-align: center;
  color: #c60000;
}
.item3 .con .c_box .bottom li .p_1 span i {
  font-style: initial;font-size:24px;
}
.item3 .con .c_box .bottom li .p_2 {
  margin-top: 15px;
  text-align: center;
}
@media (max-width: 991px) {
  .item3 .con .c_box .bottom {
    margin-top: 30px;
  }
  .item3 .con .c_box .bottom li .p_1 {
  }
  .item3 .con .c_box .bottom li .p_2 {
  }
}
@media (max-width: 1024px) {
  .item3 .con .c_box {
    padding: 59px 36px 30px;
  }
}
@media (max-width: 737px) {
  .item3 .con .c_box {
    padding: 31px 22px 30px;
    margin-left: 0;
  }
  .item3 .con .c_box .top p {
    font-size: 14px;
  }
  .item3 .con .c_box .bottom {
    display: flex;display: -webkit-flex;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap;
  }
    .item3 .con .c_box .bottom li { width:50%; margin-bottom:30px;}
  .item3 .con .c_box .bottom li .p_2 {
   
  }
  .item3 .con .c_box .bottom li p {
  }
}
@media (max-width: 767px) {
  .item3 {
    padding: 40px 0 0 0;
  }
  .item3 .t_header {
    width: 100%;padding-bottom:60%;
  }
  .item3 .con {
    width: 100%;
  }
}
.container {
  width: 95%;
  max-width: 1500px;
  margin: 0 auto;
}






















/*é¡¶éƒ¨å¯¼èˆª*/

body {
	font-family: "microsoft yahei";
	background: #f6f6f6;
	overflow-x: hidden;
}
.container_nav
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5555;
  	border-bottom:1px solid #eee;
}
.n_banner
{
  margin-top:80px;
}
.z_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.container-fluid{
	padding: 0;
	overflow: hidden; background:#fff;
}

a {
	color: #7e7e7e;
}

a:hover {
	color: #6c6c6c;
	text-decoration: none;
}

.head_content {
	padding: 20px 0;
	overflow: hidden;
	background: #f8f8f8;
}

.head_content img:first-child {
	float: left;
	max-width: 140px;
}

.head_content img:last-child {
	float: right;
	max-width: 240px;
}

.head_content p {
	color: #666666;
	font-size: 16px;
	line-height: 60px;
	float: left;
	margin-left: 10px;
}


/*å¯¼èˆª*/

.nav_logo {
	float: left;
	width: 12%;
	height: 100px;
	line-height: 100px;
}

.nav_logo img {
	vertical-align: middle;
}

.nav_list {
	width: 76%;
	float: left;
	text-align: center;
	display: flex;
	justify-content: center;
}

.nav_list li {
	height: 100px;
	line-height: 100px;
	width: 95px;
	display: inline-block;
	text-align: center;
	color: #6c6c6c;
	font-size: 16px;
	letter-spacing: 1px;
	position: relative;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	margin-top: -5px;
}
.nav_list li h1{
	font-size:16px;
}

.nav_list li:hover {
	background: #FFFFFF;
	color: #CCCCCC;
}
.nav_list li:hover .erji 
{
	display: block;
}
.nav_list li:hover i
{
	opacity: 1;
}

.nav_list li i {
	position: absolute;
	top: 35%;
	left: 40%;
	width: 20%;
	opacity: 0;
	transition: all .3s;
}
.nav_list .erji
{
	display: none;
}
.nav_list_select {
	background: #FFFFFF;
	color: #CCCCCC;
}

.nav_list_select {
	color: #CCCCCC!important;
}
.nav_list_select i
{
	opacity: 1!important;
}
.nav_list_select .erji
{
	display: block;
}
.nav_release {
	float: right;
	/*padding: 25px;*/
	color: #ffffff;
	font-size: 20px;
	height: 100px;
	line-height: 90px;
	width: 12%;
}

.nav_release img {
	vertical-align: middle;
}

.nav_loading {
	float: right;
	height: 100%;
	line-height: 80px;
	margin-right: 40px;
	color: #000000;
	font-size: 15px;
}

.nav_loading span {
	transition: all .3s;
	cursor: pointer;
}

.nav_loading span:hover {
	color: red;
}

.nav_search {
	float: right;
	border-radius: 25px;
	border: 1px solid #000000;
	margin-top: 25px;
	margin-right: 40px;
	padding: 3px 12px;
}

.nav_search img {
	vertical-align: middle;
	margin-top: -2px;
	cursor: pointer;
}

.nav_search input {
	border: none;
	background: none;
}

.head_logom {
	padding: 0px 10px;
}

.PhoneLogo {
	width: 20%;
	margin-top: 2%;
	margin-left: 4%;
}

.loginLogo {
	width: 8%;
	float: right;
	margin-right: 4%;
}

.navbar-toggle {
	float: right;
	margin: 5% 10px;
	margin-bottom: 8px;
	border: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background: ;
}

.navbar-toggle .icon-bar {
	height: 3px;
}

.navbar-brand {
	padding: 15px 0;
}

.nav_left {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.nav_left_list {
	margin: 0;
	padding: 25px 0 15px;
	width: 73.6111111111%;
	min-height: 100%;
	border: none;
	background: #f6f6f6;
	z-index: 9999;
	position: relative;
	margin-left: -350px;
	transition: all .3s ease-in-out 0s;
}

.nav_left_list ul li {
	margin: 5px 0;
	padding: 10px 39px;
	width: 100%;
	line-height: 20px;
	text-align: left;
	font-size: 18px;
	cursor: pointer;
}

.nav_left_list ul li a {
	color: #676767;
}

.nav_list .active {
	color: #fff!important;
	box-shadow: none;
	background-color: #CCCCCC;
}

.nav_list .active a {
	color: #fff!important;
}

.nav_left_return {
	margin-left: 5%;
	margin-bottom: 10%;
	width: 6%;
}

.nav_shadow {
	position: absolute;
	height: 100%;
	width: 100%;
	float: right;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.54);
	z-index: 10;
	display: none;
}

.phone_search {
	float: right;
	width: 44%;
	overflow: hidden;
	padding-right: 5%;
	text-align: right;
	border: 1px solid #f8f8f8;
	border-radius: 20px;
	padding: 2px 10px;
	margin-right: 10px;
	transition: all .3s;
}

.phone_search_blur {
	border: 1px solid #d3d3d3;
}

.phone_search input {
	width: 80%;
	background: none;
	border: none;
}

.phone_search img {
	width: 10%;
}

/*.footer {
	color: #858585;
	font-size: 13px;
	text-align: center;
	padding: 15px 0;
	background: #2e2e2e;
	line-height: 25px;
}*/


.projectCase_c {
	width: 95%;
	margin: auto;
	text-align: center;
}

.projectCase_nav {
	text-align: center;
	margin-top: 20px;
	margin-bottom:20px;
}

.projectCase_nav_item {
	/*width: 220px;*/
	margin: 0.5% 0.5%;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 0;
	font-size: 16px;
	color: #000;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all .3s;
}
.projectCase_nav_item:before{content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #c60000;
    height: 4px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

/*.projectCase_nav_select {
	border-bottom:3px solid #c60000;
	color: #c60000;
}

.projectCase_nav_select1 {
	border-bottom:3px solid #c60000;
	color: #c60000;
	
}

.projectCase_nav_item:hover{
	border-bottom:3px solid #c60000;
	color: #c60000;
}*/

.projectCase1 {
	margin-top: 60px;
	margin-bottom: 40px;
	text-align: center;
}

.projectCase1_item {
	width: 18.6%;
	margin-right: 1.25%;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.25%;
	display: inline-block;
	line-height: 30px;
	cursor: pointer;
}
.projectCase1_item img
{
	vertical-align: middle;
}

.projectCase1_item:nth-child(5n) {
	margin-right: 0;
}

.projectCase1_text {
	position: absolute;
    height: auto;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 3% 3%;
    background: rgba(0, 0, 0, 0.69);
    text-align: center;
   	display: none;
    -moz-animation: fadeInUp .3s 0s ease-in both;
    -webkit-animation: fadeInUp .3s 0s ease-in;
    -o-animation: fadeInUp .3s 0s ease-in;
    -ms-animation: fadeInUp .3s 0s ease-in;
    animation: fadeInUp .3s 0s ease-in;
    text-align: left;
}

.projectCase1_text1 {
	font-size: 16px;
	color: #484848;
	padding-top: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
	line-height: 15px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.projectCase1_text2 {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 25px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.contactUs_nav_pro {
	padding: 25px 0;
	font-size: 16px;
	color: #383737;
}

.contactUs_nav_text1 {
	display: inline-block;
	vertical-align: middle;
    margin-bottom: 20px;
}

.contactUs_nav_data, .contactUs_nav_diqu, .contactUs_nav_search {
	border: 1px solid #e0e0e0;
	background: #FFFFFF;
	border-radius: 5px;
	/*overflow: hidden;*/
	display: inline-block;
	padding: 5px 10px;
	vertical-align: middle;
	margin-left: 20px;
	position: relative;
	z-index: 30px;
}

.contactUs_nav_data img, .contactUs_nav_diqu img, .contactUs_nav_search img {
	vertical-align: middle;
}

.contactUs_nav input {
	border: none;
	background: none;
}

.contactUs_diqu_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 32px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	z-index: 20px;
	overflow: hidden;
	display: none;
	z-index: 100;
	max-height: 150px;
	overflow-y: scroll;
	
}





.z_hidden{display:none;}
.z_1200visible{display: none;}
.z_992visible{display: none;}
.z_768visible{display: none;}

.index_productCase{margin: 0 auto;padding: 0;background: #fff;}
.index_productCase &gt; div,.index_productCase &gt; div &gt; div{padding: 0;/*margin: 0;*/}
.index_productCase .index_productCase_img{position: relative;margin-bottom: 10px;border:1px #f1f1f1 solid;background-size: 100% 100%;background-position: center center;overflow: hidden;}
.index_productCase .index_productCase_img &gt; a{width: 100%;height: 100%;background: rgba(0,0,0,0.35);text-align: center;}
.index_productCase .index_productCase_img &gt; a &gt; div{display: block;overflow: hidden;}
.index_productCase .index_productCase_img &gt; a &gt; div &gt; p:nth-of-type(1){font-size: 16px;color: #ffffff;max-height: 26px;margin-bottom:8px;}
.index_productCase .index_productCase_img &gt; a &gt; div &gt; p:nth-of-type(2){font-size: 16px;color: #ffffff;margin-bottom: 5px;max-height: 19px;text-align:center;}
.index_productCase .index_productCase_img &gt; a &gt; div &gt; div{width: 30px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;margin: 0 auto; border: 1px solid #fff;border-radius: 50%;}
.index_productCase .index_productCase_img:hover &gt; a{opacity:0;}
.index_productCase .more{padding: 45px 0;text-align: center;}
.index_productCase .more a{background: #c60000;font-size: 17px;color: #fff;padding: 15px 5%;}
.index_productCase .more a i{margin-left: 15px;}
.index_productCase .more:hover a{background: #c60000;color: #fff;}

.body_index{padding-top:100px;}
.body_field{min-height: 800px;padding-top:100px;}
.page_field{margin: 0;padding: 0;height: 100%;}
.page_field &gt; div,.page_field &gt; div &gt; div{margin: 0;padding: 0;height: 100%;}
.page_field .list{background-size: cover;background-size: cover;background-position: center center;background-position: center center;height: 100%;position: relative;}
.page_field .list &gt; a{display: block;overflow: hidden;width: 100%;height: 100%;}
.page_field .list &gt; a &gt; .title{position: absolute;left: 50%;top: 0; width: 0;height: 100%;background: #fff;opacity: 0;z-index: 100;}
.page_field .list &gt; a &gt; p{width: 45px;height: 290px;line-height: 1.1; padding: 0 10px; margin: 55px 0 0 55px;font-size: 32px;color: #fff;position: relative;z-index: 200;}
.page_field .list &gt; a &gt; .info{position: absolute;z-index: 200;width: 80%;overflow: hidden;bottom: 200px;left: 10%;padding-bottom: 15px;}
.page_field .list &gt; a &gt; .info .description{display: none;font-size: 16px;color: #606060;line-height: 1.75;margin-bottom: 15px;}
.page_field .list &gt; a &gt; .info .more{display: none;font-size: 14px;color: #fff;background: #CCCCCC;width: 90px;padding: 5px 10px;border: 1px solid #CCCCCC;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.page_field .list &gt; a &gt; .info .more i{margin-left: 25px;}
.page_field .list &gt; a:hover &gt; .title{width: 100%;opacity: 1;left: 0;}
.page_field .list &gt; a:hover &gt; p{color: #CCCCCC;}
.page_field .list &gt; a:hover .description{display: block;}
.page_field .list &gt; a:hover .more{display: block;}



@media only screen and (max-width:1200px  ) {
	.index-customer .swiper-container-customer{padding: 30px 0;}
	.index-customer .swiper-slide-customer a{padding: 0;}.z_1200hidden{display: none;}
	.z_1200visible{display: inline;}
	.index_productType .list &gt; div &gt; a &gt; .title{font-size: 30px; }
	.index_productCase .index_productCase_img &gt; div &gt; a &gt; p:nth-of-type(1){font-size: 12px;max-height: 16px;}
	.index-advantage .right li &gt; div &gt; div &gt; div &gt; div p{font-size: 16px;line-height: 1.5;}
	.index-about .content &gt; div{position: relative;left: auto;top: auto;width: auto;height: auto;padding-top: 15px;padding-bottom: 15px;}
	.page_field .list &gt; p{font-size: 30px;height: 200px;}
	.nav_list li{width: 60px;font-size: 14px;}
}
.index-advantage .left{padding-left: 37px;}
.index-advantage .right li &gt; div &gt; div &gt; div{margin-right:97px;}
@media only screen and (max-width:992px  ) {
	.z_992hidden{display: none;}
	.z_992visible{display: inline;}
	.index_productType .list &gt; div &gt; a &gt; .title{font-size: 20px;top: 30px;left: 30px;}
	.index_productType .list &gt; div &gt; a &gt; .more{width: 30px;height: 30px;line-height: 30px;left: 30px;bottom: 30px;font-size: 15px;}
	.index-advantage .left{width: 100%;padding: 30px 15px;}
	.index-advantage .left li{width: 110px;float: left;margin: 0 30px 10px 0;}
	.index-advantage .left .active p{margin-left: 0px;}
	.index-advantage .left li:hover p{margin-left: 0px;}
	.index-advantage .right li &gt; div{position: relative;padding: 30px 0;}
	.index-about .content .list li p{width: 70px;height: 70px;font-size: 16px;}
	.index-map .content &gt; div{position: relative;top: auto;left: auto;}
	.index_title .style1{font-size: 18px;}
	.index_title .style2{font-size: 18px;}
	.index_title .style3{font-size: 18px;}
	.index_title .style4{font-size: 18px;}
	.page_field .list &gt; p{font-size: 20px;height: 150px;margin: 30px 0 0 30px;}
	.index-process .ul .li &gt; div:nth-of-type(1) img{max-width:40%;}
	.index-process .ul .li &gt; div:nth-of-type(1) p{font-size:12px;}
	.index-process .ul .li:hover &gt; div:nth-of-type(2){opacity:0;}
	.index-advantage .right li &gt; div &gt; div &gt; div{margin-right:0;}
}
@media only screen and (max-width:768px  ) {
	.projectCase_nav_item{ width:48%;padding: 8px 0;}
	.z_768hidden{display: none;}
	.z_768visible{display: inline;}
	.index-body .index-main{margin-left: 0;}
	.index-pc-sunav li{text-align: center;padding-left: 0;}
	.index-news .index-news-img{margin-bottom: 15px;min-height:auto;padding-top: 50%;}
	.index-about .content .list li p{width: 50px;height: 50px;font-size: 12px;}
	.index_title .style1{font-size: 16px;}
	.index_title .style2{font-size: 16px;}
	.index_title .style3{font-size: 16px;}
	.index_title .style4{font-size: 16px;}
	.body_field{min-height: auto;height: auto;padding-top:0;}
	.body_index{padding-top:0px;}
	.page_field .list{height: 450px;}
	.page_field .list &gt; .info{bottom: 0;}
    .page_field .list &gt; a &gt; p{width:100%;height:auto;}
 	 .page_field .list &gt; a &gt; .info{bottom:15px}
	 .index_productCase .index_productCase_img &gt; a &gt; div &gt; p:nth-of-type(1){font-size:13px;}
	 .index_productCase .more a{padding: 8px 5%;}
	 
}
@media only screen and (max-width:575px  ) {
	.page_field .list{height: auto;}
  .page_field .list &gt; a &gt; .info .description,.page_field .list &gt; a &gt; .info .more{display:block;color:#fff;}
	.page_field .list &gt; a &gt; .info{position: relative;bottom: auto;left: auto;padding: 30px;}
}
@media only screen and (max-width:480px  ) {

}
@media only screen and (max-width:320px  ) {

}



.index_productCase .index_productCase_img .bottomposition{
	position:absolute;width:100%;left:0;right:0;margin:auto;padding:10px 0;background:rgba(0,0,0,.5);bottom:0;text-align:center;
	
}
.index_productCase .index_productCase_img .bottomposition a{
	color:#fff;font-size:14px;
	display:block;
	width:100%;
	height:100%;
	opacity:1;
}


.index_productCase .index_productCase_img a{opacity:0;}
		.index_productCase .index_productCase_img:hover &gt; a{opacity:1;}
		.footerfriendlink{background:#070707;}
		.footerfriendlink a{color:#fff;font-size:14px;padding:5px;display:block;}
		.footerfriendlink ul{display:flex;flex-flow:wrap;}
		.index_productCase .index_productCase_img &gt; a &gt; div &gt; p{
		padding:0 40px;
		}
		.index_productCase .index_productCase_img &gt; a &gt; div &gt; p:nth-of-type(2){
			max-height:inherit;
			}
			
			@media (max-width:767px){
				.footerfriendlink{
				display:none;
				}
			}



.y_case11{padding:0;}
.y_case11 .slick-slide{display:block;}
.y_case11 .con{padding-right:30px;}
.y_case11 .con .img img{width:100%;height:250px;}
.y_case11 .con .h1{font-size:16px; line-height:40px; padding:15px 0 6px;overflow:hidden; color:#000; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; box-sizing:border-box;}
.y_case11 .con .p{font-size:14px; line-height:30px; color:#666; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.y_case11 .con .footer{padding-top:20px;}
.y_case11 .con .footer .left{float:left; line-height:25px; color:#999;font-size:14px;}
.y_case11 .con .footer .right{float:right;}
.y_case11 .con .footer .right a{background:none; border:1px solid #aaa; color:#aaa;font-size:12px; padding:2px 8px; cursor:pointer;border-radius:15px;}
.y_case11 .con .footer .right a:hover{ color:#e62129; border:1px solid #e62129;}
.y_case11 .slick-arrow{width:20px; height:31px; position:absolute; top:175px; z-index:2; line-height:31px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:url(../images/y_icon9.png) no-repeat; opacity:1;}
.y_case11 .slick-prev{ left:-86px; cursor:pointer;}
.y_case11 .slick-prev:before{ content: ""; }
.y_case11 .slick-next{width:20px; right:-56px;cursor:pointer; background:url(../images/y_icon10.png) no-repeat;}
.y_case11 .slick-next:before{ content: ""; }
.y_case11 .slick-dots{display:none;}
.y_case11 .ynews_list{margin-left:30px;}

	@media (max-width:767px){
				.y_case11 .con .img img{height:auto;}
			}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}












@media screen and (max-width: 1023px) and (min-width: 0px){
	.page-header .top_tel{ display:none;}
	
	}































</pre></body></html>